/* global document */
import React from 'react'
import PropTypes from 'prop-types'
import {Button, Col, Form, Row} from 'antd'

const ColProps = {
  xs: 24,
  sm: 12,
  style: {
    marginBottom: 16,
  },
}

const Filter = ({
                  onAdd,
                }) => {

  return (
    <Row gutter={24}>
      <Col {...ColProps} xl={{span: 24}} md={{span: 24}} sm={{span: 24}}>
        <div className="flex-vertical-center">

        </div>
      </Col>
    </Row>
  )
}

Filter.propTypes = {
  onAdd: PropTypes.func,
  form: PropTypes.object,
  filter: PropTypes.object,
  onFilterChange: PropTypes.func,
}

export default Form.create()(Filter)
